.search-box
	position relative
	width 100%
	height 150px
	background-image url('../image/search_bg.jpg')
	background-size cover
	background-repeat no-repeat
	z-index 99
	&:after
		content ''
		display: block
		position absolute
		top 0
		left 0
		width 100%
		height 100%
		background-color rgba(0, 0, 0, .6)
	&:before
		content ''
		display block
		position absolute
		width 0
		height 0
		bottom 0
		left 50%
		margin-left -15px
		border 15px solid transparent
		border-bottom 15px solid #fff
		z-index 11
	.search-wrap
		position absolute
		display flex
		width 300px
		height 40px
		left 50%
		top 50%
		margin-top -20px
		margin-left -150px
		border-radius 8px
		border 2px solid #fe7360
		z-index 10
		.line
			position absolute
			display block
			background-color #fe7360
			transition all .3s ease
			border-radius 2px
			opacity 0
			&.one, &.two
				width 284px
				height 2px
				left 8px
			&.two
				bottom -2px
				left 150%
			&.one
				top -2px
				left -150%
			&.ser, &.for
				width 2px
				height 30px
				top 3px
			&.ser
				left -2px
				top 200%
			&.for
				right -2px
				top -200%
		&:hover
			border-color #fe7360
			.line 
				opacity 1
				&.two, &.one
					left 3px
				&.ser, &.for
					top 3px
		> input
			background-color transparent
			border none
			display block
			flex 1
			padding 0 8px
			outline none
			color #fff
			font-size 16px
		> .btns 
			width 60px
			line-height 34px
			text-align center
			font-size 16px
			font-weight 500
			color #fff
			background-color #fe7360
			cursor pointer
		
		
		